body {
	margin: 0;
	padding: 0;
}
.loader-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 21px;
	transform: translate(-50%, -50%);
	padding: 20px;
	border-radius: 10px;
	background-color: #eee;
	opacity: .9;
}
.ball-pulse > div {
	background-color: #777;
}
#loading-error {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 21px;
	transform: translate(-50%, -50%);
	padding: 20px;
	border-radius: 10px;
	color: #333;
	background-color: #eee;
	opacity: .9;
	display: none;
}
#map {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}
.mapbox-ctrl-underground:before {
	content: '\f06e';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 5px;
	left: 4px;
	width: 20px;
	height: 20px;
	color: black;
	font-size: 21px;
}
.mapbox-ctrl-underground-visible:before {
	color: #33B5E5;
}
.mapbox-ctrl-track:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	color: black;
	font-size: 21px;
}
.mapbox-ctrl-track-helicopter:before {
	content: '\f533';
	font-size: 17px;
	top: 7px;
}
.mapbox-ctrl-track-train:before {
	content: '\f238';
}
.mapbox-ctrl-track-active:before {
	color: #33B5E5;
}
.mapbox-ctrl-realtime:before {
	content: '\f017';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	color: black;
	font-size: 21px;
}
.mapbox-ctrl-realtime-active:before {
	color: #33B5E5;
}
.mapbox-ctrl-github:before {
	content: '\f09b';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 900;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	color: black;
	font-size: 21px;
}
.mapbox-ctrl-export:before {
	content: '\f56d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 5px;
	left: 6px;
	width: 20px;
	height: 20px;
	color: black;
	font-size: 21px;
}
.mapboxgl-popup-content {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
	border-bottom-color: rgba(0, 0, 0, 0.7)
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
	border-top-color: rgba(0, 0, 0, 0.7)
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
	border-right-color: rgba(0, 0, 0, 0.7)
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
	border-left-color: rgba(0, 0, 0, 0.7)
}
.desc-box {
	display: inline-block;
	width: 10px;
	height: 36px;
	margin-right: 6px;
	float: left;
}
.desc-delay {
	color: #f90;
}
